@charset "utf-8";

.wrapper {
	position:absolute; z-index:1;
	top:60px; bottom:0px; left:0px;
	width:100%;
	background:#fff;
	text-align:center;
	background-image:url('../images/white_pat.png');
	background-repeat:repeat;
}

.scroller {
	position:absolute; z-index:1;
	width:100%;
	background-image:url('../images/mainframe/bg_patten.png');
	background-repeat:repeat;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.list_li{
	position:relative;
	padding:10px;
	width:100%;
	background:#fff;
	background-image:url('../images/mainframe/post_reply_bar.png');
	background-position: bottom center;
	background-repeat:no-repeat;
	background-size:90% 3px; 
	
}

.list_frame_bg{
	position:relative; 
	left:10px;
	width:64px;
	height:64px;
	background-image: url('../images/list/sum_middle_baby.png'), url('../images/aga.jpg');
	background-size:105%, cover;
	background-position:center center, center center;
	background-repeat:no-repeat;
	border:none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.list_gender{
	position:relative;
	top:8px;
	left:75px;
	width: 18px;
	height: 18px;
}

.list_nick{
	position:relative;
	top:-10px;
	left:95px;
	border:0px;
	font-size:1.0em !important;
	font-weight:bold;
	color:#575755;
}

.list_babybirthday{
	position:relative;
	top:-5px;
	left:75px;
	width:130px;
	border:0px;
	font-size:0.7em !important;
	font-weight:bold;
	color:#575755;
}

.list_babyfrombirth{
	position:relative;
	top:0px;
	left:75px;
	border:0px;
	width:130px;
	font-size:0.7em !important;
	font-weight:bold;
	color:#575755;
}

.list_btn_invite{
	position:relative;
	top:-45px;
	left:220px;
	width:62px;
	height:34px;
	background-image: url('../images/list/btn_add.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.list_btn_invite_family{
	position:relative;
	top:-40px;
	left:220px;
	width:66px;
	height:38px;
	background-image: url('../images/list/btn_add.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.scroller ul {
	list-style:none;
	width:100%;
}


.scroller li {
	text-align:left;
	font-size:1.2em;
	background-image:url('../images/mainframe/post_reply_bar.png');
	background-position: bottom center;
	background-size:80% 3px; 
	background-repeat:no-repeat;
}

.bold_emerald{
	color:#6eb5b8;
	font-weight:bold;
	font-size:20px;
}

.main_text{
	color:#6eb5b8;
	font-weight:bold;
	font-size:20px;
}

.user_bg{
	position:relative;
	top:0px;
	width:100%;
	text-align:center;
	background-image:url('../images/white_pat.png');
	background-repeat:repeat;
	background-position:top;
}

.aga_logo{
	position:relative;
	top:30px;
	width:100%;
	height:68px;
	background-image:url('../images/user/signup_logo.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.login_form{
	position:absolute;
	top:100px;
	width:100%;
	text-align:center;
}

.join_form{
	position:relative;
	top:40px;
	width:100%;
	text-align:center;
}

.input_text_bg{
	position:relative;
	left:5%;
	width:90%;
	height:68px;
	
	background-image:url('../images/user/input.png') !important;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

.input_text_name{
	position:absolute;
	top:27px;
	left:5%;
	width:25%;
	height:50%;
	font-size:1em;
	font-weight:bold;
	color:#797a7c;
}

.input_text{
	position:absolute;
	width:60% !important;
	top:18px;
	left:30%;
	border:0px;
	background-color:#ffffff;
	background-image:url('../images/user/input.png') !important;
	background-position:50% 50%;
	background-size:200%;
	border-radius: 0px !important;
	-webkit-box-shadow: none !important;
	outline: none !important; 
	font-size:1em !important;
	font-weight:bold;
	font-family:"나눔고딕";
	text-shadow: 0px 0px #ff0000;
	color:#797a7c;
}

.input_gender{
	position:relative;
	top:0px;
	height:78px;
}

.btnLogin{
	position:relative;
	top:50px;
	left:5%;
	width:90%;
	height:82px;
	background-image: url('../images/user/btn_login_big.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.join_man{
	position:absolute;
	top:0px;
	left:5%;
	width:40%;
	height:82px;
	background-image: url('../images/user/btn_male.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.join_woman{
	position:absolute;
	top:0px;
	right:5%;
	width:40%;
	height:82px;
	background-image: url('../images/user/btn_female.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.btnJoin{
	position:relative;
	top:0px;
	left:5%;
	width:90%;
	height:82px;
	background-image: url('../images/user/btn_join_big.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.ready_text{
	position:relative;
	padding:30px;
	padding-top:40px;
	font-size:1.2em !important;
	font-weight:bold;
	color:#797a7c;
	text-align:left;
}

.invite_text{
	position:relative;
	padding:20%;
	top:2%;
	font-size:1.5em !important;
	font-weight:bold;
	color:#797a7c;
	text-align:center;
}

.btnInviteFamily{
	position:relative;
	top:50px;
	left:5%;
	width:90%;
	height:82px;
	background-image: url('../images/user/btn_familyrequest.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.btnInviteParent{
	position:relative;
	top:40px;
	left:5%;
	width:90%;
	height:82px;
	background-image: url('../images/user/btn_invite.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.btnCreateAga{
	position:relative;
	top:20px;
	left:5%;
	width:90%;
	height:82px;
	background-image: url('../images/user/btn_newroom.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.btnCreateAga2{
	position:relative; 
	top:0px;
	left:5%;
	width:90%;
	height:82px;
	background-image: url('../images/user/btn_newroom.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.aga_profile_frame{
	position:absolute; z-index:2;
	top:30px;
	width:100%;
	height:88px;
	margin:0px;
	background-image: url('../images/profile/profile_frame_big.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.aga_photoIcon{
	position:relative; z-index:1;
	top:31px;
	width:78px;
	height:78px;
	margin:0px;
	background-image: url('../images/user/icon_photo.png');
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.input_text_bg1{
	position:relative;
	margin-top:10px;
	width:90%;
	height:68px;
	background-image:url('../images/user/input.png') !important;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.input_text1{
	position:absolute; z-index:4;
	width:70% !important;
	top:15px;
	left:10px;
	border:0px;
	background-image:url('../images/user/input.png') !important;
	background-position:50% 50%;
	background-size:200%;
	border-radius: 0px !important;
	-webkit-box-shadow: none !important;
	outline: none !important; 

	font-size:1em !important;
	font-weight:bold;
	font-family:"나눔고딕";
	text-shadow: 0px 0px #ff0000;
	color:#797a7c;
}

.btnSearch{
	position:relative;
	top:15px;
	left:85%;
	width:47px;
	height:37px;
	background-image: url('../images/list/btn_search.png');
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

.list_bottom{
	position:relative;
	width:100%;
	height:64px;
	line-height:400%;
	background-image: url('../images/list/list_more_bg.png');
	background-size:contain;
	background-position:top center;
	background-repeat:no-repeat;
}